import axios from 'axios'
import qs from 'qs'
import Vue from 'vue'
import { getToken } from '@utils'
import { Toast } from 'vant'
import router from '@/router'
const vm = new Vue()
// process.env.NODE_ENV 在开发环境 值 development 生产环境 production
// 定义axios默认配置
const request = axios.create({
  baseURL: process.env.NODE_ENV === 'development' ? '/conner' : '生产环境源'
})

// 添加拦截器

request.interceptors.request.use(function (config) {
  // 请求头插入token
  if (getToken()) {
    config.headers.token = getToken()
  }
  vm.$showLoading()
  // 解决post请求参数问题
  if (config.method === 'post' && config.data) {
    config.data = qs.stringify(config.data)
  }
  return config
}, function (error) {
  vm.$hideLoading()
  return Promise.reject(error)
})

request.interceptors.response.use(function (res) {
  // 判断token是否过期
  /*
    一般 401 token过期 403没有传token
    const errCode = [401, 403]
    if (errCode.includes(res.data.code)) {
      弹出错误提醒
      清除 缓存token uid
      跳转到登录页
    }
  */
  if (res.data.code === 2000) {
    // token过期或者 没有传token
    Toast({
      message: '登录状态过期，或者没有登录',
      duration: 1000,
      onClose: () => {
        localStorage.removeItem('token')
        localStorage.removeItem('uid')
        // 怎么去登录
        router.push('/login')
      }
    })
  }
  vm.$hideLoading()
  return res
}, function (error) {
  vm.$hideLoading()
  return Promise.reject(error)
})

export default request
